<template>
  <div class="inner">
    <!-- 职位 实习 综合----- -->
    <div class="web1">
      <span><router-link to="/job/shixi/zong">综合</router-link></span>
      <span><router-link to="/job/shixi/web">web前端</router-link></span>
      <slot></slot>
    </div>
  </div>
</template>

<script>
export default {};
</script>
<style scoped>
.inner {
  width: 100%;
  border-bottom: .01rem solid #ccc;
  line-height: .45rem;
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  z-index: 1;
}
.inner > .web1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.inner > .web2 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.inner > .web1 i {
  margin-right: .2rem;
}

.inner a {
  display: block;
  color: #666;
}
.inner span:nth-child(1) {
  margin-left: .2rem;
}
.inner span:nth-child(2) {
  margin-left: -1.8rem;
}

.inner > .web2 > span {
    width: 0.34rem;
    margin-left: .2rem;
    color: #666;
}
.inner a.router-link-active {
  color: #000;
  position: relative;
}
.inner a.router-link-active::after {
  position: absolute;
  width: 0.16rem;
  height: 0.10rem;
  bottom: 0;
  left: 50%;
  margin-left: -0.08rem;
  content: "";
  border-bottom: 0.04rem solid #39c0ba;
  color: #000;
}
</style>